<!--The content below is only a placeholder and can be replaced.-->
<!-- <div style="text-align:center">
  <h1>
    Welcome to {{ title }}!
  </h1>
  <list></list>
  <detail></detail>
  <collection></collection>
  <animation-ex></animation-ex>
  <click-me></click-me>
  <key-up></key-up>
  <loop-back></loop-back>
  <contact></contact>
  <app-config></app-config>
  <downloader></downloader>
  <package-search></package-search>
</div> -->
<h1>ng router</h1>
<nav>
  <a routerLink="/crisis-center" routerLinkActive="active">Cirsis Center</a>
  <a routerLink="/heroes" routerLinkActive="active">Heroes</a>
  <a routerLink="/admin" routerLinkActive="active">Admin</a>
  <a [routerLink]="[{ outlets: { popup: ['compose']}}]">Contact</a>
</nav>
<router-outlet></router-outlet>
<router-outlet name="popup"></router-outlet>
